<template>
    <div>
        <div class="avatar">
            <div @click="signOut" style="margin-left: 70px; z-index: 100; cursor: pointer">
                <img src="../assets/tuichu.png" style="width: 20px; height: 20px" />
            </div>
            <!-- margin-left:55px -->
            <div @click="port" style="cursor: pointer;text-align: center; ">
                <el-avatar :size="45">
                    <img src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg" />
                </el-avatar>
            </div>
        </div>
        <div class="text">宁波安环健企业管理咨询有限公司</div>
        <div class="text" style="font-weight: 400; color: #cbdaff">
            您好，俞赛君<br />服务机构项目负责人
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {};
    },
    components: {},
    methods: {
        port() {
            this.$emit('portrait');
        },
        signOut() {
            this.$confirm("是否注销用户?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning",
            })
                .then(() => {
                    this.$router.replace("/login");
                    this.$message({
                        type: "success",
                        message: "注销成功!",
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消",
                    });
                });
        },
    },
};
</script>

<style>
</style>